﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Product_Details.aspx.cs" Inherits="Sbook.Product_Details" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Src="~/Control/Menu/MenuRight.ascx"  TagName="MenuRight" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/Header.ascx"  TagName="Header" TagPrefix="UC" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chi tiết sản phẩm</title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.simplyscroll.js"></script>

    <%--<script src="Scripts/ChangePass.js" type="text/javascript"></script>--%>
<!-- script menutop -->
<script type="text/javascript">
    $(document).ready(function () {
        $(".menu_top li").hover(function () {
            $(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(500)
        }, function () {
            $(this).find('ul:first').css({ visibility: "hidden" })
        });
    });
</script>

<link type="text/css" rel="stylesheet" href="css/jquery.simplyscroll_splienquan.css" />
<link type="text/css" rel="stylesheet" href="css/style_chitietsp.css" />
</head>

<body>
<center>
<div class="web">
	<UC:Header runat="server" ID="header1" />
    <!-- close header -->
    
<!-- chi tiết sản phẩm -->
<div class="chitietsp">
	<!-- -->
    <!-- chi tiết sp top -->
    <div class="chitietsp_top">
    	<a href="#">« <%=CatName %></a>
    </div>
    <!-- close chi tiết sp top -->
    <!-- sản phẩm -->
    <div class="sanpham">
    	<!-- ảnh mẫu sản phẩm -->
    	<div class="sanpham_sp">
        <asp:Repeater runat="server" ID="rptProDetail">
            <ItemTemplate>
        	        <div class="img_to">
            	        <img src="<%#Eval("PImg") %>" width="300" height="450" />
                    </div>
                    <div class="img_nho">
            	        <a href="<%#Eval("PImg") %>"><img src="<%#Eval("PImg") %>" width="90" height="67" /></a>
                        <a href="<%#Eval("PImg2") %>"><img src="<%#Eval("PImg2") %>" width="90" height="67" /></a>
                    </div>
                </div>
                <script type="text/javascript">
                    $(document).ready(function () {
                        $('.img_nho a').click(function () {
                            var $this = $(this), url = $(this).attr('href');
                            $('.img_nho a').removeClass('selected');
                            $this.addClass('selected');

                            $('.img_to')
                        .children('img')
                        .fadeOut(400, function () {
                            $(this)
                            .attr('src', url)
                            .load(function () {
                                $(this).fadeIn(400);
                            });

                        });
                            return false;
                        });

                    });
		        </script>
                <!-- close ảnh mẫu sản phẩm -->
                <!-- thông tin sản phẩm -->
                <div class="chitiet">
        	        <font id="PName"><%#Eval("PName") %></font> <p> 
                    <span>Số trang:</span> <span class="text">40 trang</span> <p>
                    <span>Nhà xuất bản :</span> <a href="#"><%=PUName %></a><p>
                    <span>Giá bìa :</span> <span class="text"><%#Eval("PPrice") %> Đ</span><p>
                    <span>Giá Sbook :</span> <b id="Price"><%#Eval("PSaleOff")%> Đ</b><p>
                    <strong style="color:Red"><%=StrStatus %></strong>
                    <span style="display:none" id="ProductId"><%#Eval("PId") %></span>
                    <a href="#" class="giohang"><img src="images/add_to_bucket.png" /></a>
                </div>
                
        <!-- close thông tin sản phẩm -->
            </ItemTemplate>
        </asp:Repeater>
    </div>
    <div id="UID" style="display:none" >
     <%--   <%=UId %>--%>
    </div>
    <strong id="Pnum" style="display:none"><%=Pnum %></strong>
    <script type="text/javascript">
        $(document).ready(function () {

            $("a.giohang").click(function () {

                //                var UId = $("div#UID").html();
                //                if (UId == "") {
                //                    alert("heheh");
                //                    return;
                //                }

                var Id = $("span#ProductId").html();
                var Price = $("b#Price").html();
                var PImg = $("div.img_to img").attr("src");
                var PName = $("font#PName").html();

                var PNum = $("strong#Pnum").html();
               
                if (PNum != "0") {
                    var request = $.ajax({
                        url: "/Shopping/XuLyMuaHang.aspx",
                        type: "POST",
                        data: { d: Id, P: Price, PImg: PImg, PName: PName },
                        dataType: "html",
                        success: function (data) {

                            alert(data);
                        }
                    });
                }
                else {
                    alert('Sản phẩm đã hết hàng!Vui lòng mua sản phẩm khác');
                    return;
                }

                //                request.done(function (dat) {
                //                    alert("mua hàng thành công");
                //                });
            });
        });
    </script>
    <!-- close sản phẩm -->
    <!-- sản phẩm liên quan -->
    <div class="splienquan">
    	<div id="scroller">
            <asp:Repeater runat="server" ID="rptProLienquan">
                <ItemTemplate>
                    <a href="Product_Details.aspx?Product=<%#Eval("PId") %>"><img alt"" src="<%#Eval("PImg") %>" width="90" height="67" /></a>
                </ItemTemplate>
            </asp:Repeater>
        	
          
        </div>
        <script type="text/javascript">
            (function ($) {
                $(function () {
                    $("#scroller").simplyScroll({
                        auto: false,
                        speed: 10
                    });
                });
            })(jQuery);
		</script>
    </div>
    <!-- close sản phẩm liên quan -->
    <!-- thông tin phụ -->
    <div class="thongtinphu">
    	<font>Thông tin phụ</font>
    </div>
    <!-- close thông tin phụ -->
</div>
<!-- close chi tiết sản phẩm -->
<!-- right -->
<div class="right">
	<!-- danh mục phải -->
	<div class="menu_right">
         <UC:MenuRight runat="server" ID="MenuRight"></UC:MenuRight>
    	
        <script type="text/javascript">
            $(document).ready(function () {
                $("div.right div.menu_right ul:not(first)").hide();
                $('ul#f1').show();
                $('h2.menu_head').click(function () {

                    $('.active').removeClass('active');
                    $(this).addClass('active');
                    $('div.menu_right ul').slideUp('slow');
                    $(this).next('div.menu_right ul').slideDown('slow');
                    var content_show = $(this).attr('title');
                    $('#' + content_show).slideDown('slow');

                });
            });
		</script>
    </div>
    <!-- close danh mục phải -->
</div>
<!-- close right -->
<!-- footer --> 
<div class="footer">
</div>
<!-- close footer --> 
</div>
</div>

<style>
    #divChangePass{ width:500px; height:235px; position:absolute; display:none; background-color:White; border:1px solid #CCFFFF; left:385px; top:160px; z-index:1000}
    #divChangePass ul { float:left; width:100%; list-style:none;}
    #divChangePass ul li{ float:left; width:100%; margin-top:10px;}
    #divChangePass ul li span{ color:Red; display:none}
    #divChangePass ul li label{ float:left; width:200px; text-align:right; padding-right:5px;}
    #divChangePass ul li input[type=password]{ float:left;}
    #divChangePass h1{ color:Red; font-size:25px}
    #divChangePass a{ float:right; margin:0px 0px; padding:0px 0px }
</style>
<div id="divChangePass">
    <a href="#" id="closeChangePass">X</a>
    <form id="frm2">
        <h1>Đổi mật khẩu</h1>
        <ul>
            <li><label>Mật khẩu cũ:</label> <input type="password" id="txtOldPass" /><span id="spOldPass">Không được để trống.</span></li>
            <li><label>Mật khẩu mới:</label> <input type="password" id="txtNewPass" /><span id="spNewPass">Không được để trống.</span></li>
            <li><label>Xác nhận mật khẩu mới:</label> <input type="password" id="txtRePass" /><span id="spRePass">Không được để trống.</span></li>
            <li><input type="button" value="Đổi mật khẩu" id="btnChangePass" /></li>
        </ul>
    </form>

     <script type="text/javascript">
         $(document).ready(function () {
             var isLogin = $('#login').html();
             if (isLogin == "Đăng nhập") {
                 $('#logout').hide();
                 $('#Close').click(function () {
                     $('#divlogin').toggle(1000);
                 });
                 $('#login').click(function () {
                     $('#divlogin').toggle(1000);
                     $('#divDoiMK').css("display", "none");
                 });
             }
             else {
                 $('#logout').show();
                 //                        $('#login').attr("href", "http://hn.24h.com.vn");
                 $('#login').click(function () {

                     $('#divDoiMK').toggle(1000);
                 });
                 $('#CloseDMK').click(function () {
                     $('#divDoiMK').toggle(1000);
                 });
             }


             $('#dangnhap').click(function () {

                 var user = $('#user').val();
                 var pass = $('#pass').val();

                 window.location.href = "Demo.aspx?user=" + user + "&pass=" + pass;

             });
             //             Click đổi mật khẩu

             $('a#aDoiMK').click(function () {

                 $('div.web').css("opacity", "0.25");
                 $('div#divChangePass').css("display", "block");

                 $('#divDoiMK').toggle(1000);

             });
             $('a#closeChangePass').click(function () {
                 $('div.web').css("opacity", "1");
                 $('div#divChangePass').css("display", "none");

                 //                  $('#divDoiMK').toggle(1000);
             });

             $('div#divChangePass input[type=button]#btnChangePass').click(function () {

                 var OldPass = $('#txtOldPass').val();
                 var NewPass = $('#txtNewPass').val();
                 var RePass = $('#txtRePass').val();
                 var chkRePass = true;
                 if (OldPass == "") {
                     $('span#spOldPass').css("display", "block");
                 }
                 if (NewPass == "") {
                     $('span#spNewPass').css("display", "block");
                 }
                 if (RePass == "") {
                     $('span#spRePass').css("display", "block");
                 }


                 var chkOldPass;
                 if (OldPass != "" && NewPass != "" && RePass != "") {
                     $('div#divChangePass span').css("display", "none");

                     if (RePass != NewPass) {
                         $('span#spRePass').html("Xác nhận lại mật khẩu mới");
                         $('span#spRePass').css("display", "block");
                         chkRePass = false;
                     }
                     //check Exist OldPass
                     if (chkRePass == true) {
                         $.ajax({
                             type: "POST",
                             url: "/Page/DoiMatKhau.aspx",
                             data: { OldPass: OldPass, NewPass: NewPass },
                             success: function (data) {
                                 if (data == "0") {
                                     alert("Mật khẩu không đúng");
                                     chkOldPass = false;

                                 }
                                 else {

                                     chkOldPass = true;
                                     alert("Đổi mât khẩu thành công");
                                     window.location.href = "index.aspx";
                                 }

                             }
                         });

                     }
                     else {
                         return;
                     }

                 }
             });

         });
            </script>
</div>
</center>
</body>
</html>
